<!--{template header}-->
<link rel="stylesheet" media="all" href="{SITE_URL}static/css/widescreen/css/course.css" />
<style>
	.searchbox {
    width: 546px;
    height: 34px;
    float: right;
    position: relative;
    margin-top: -4px;
    z-index: 2;
}
header nav {
    height: 56px;
    margin: 0 70px;
    position: relative;
    left: -10px;
    top: -20px;
}
.searchbox .ask {
    display: inline-block;
    width: 58px;
    height: 34px;
    background: #0085ee;
    color: #fff;
    font: 14px/34px "Microsoft YaHei";
    text-align: center;
    position: absolute;
    top: 0;
    right: 210px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
#body,.main-wrapper{
	padding:0px;
	margin: 0px;
}
#footer{
	margin: 0px;
	
}
</style>
<div class="container">


    <div class="row" style="margin-top:20px;">

        <div class="col-12">
             <div class="row">
                 <div class="">
                     <div class="common-content">
                           <div>
                           	{if $catmodel['grade']==3}
                           	 {eval $_parentcatid=$catmodel['pid'];}
                           	{/if}
  {if $catmodel['pid']!=0}
                                           {eval $_tmpcatid=$catmodel['pid'];}
                                           
                                              {eval $_tmpcat=$this->category[$_tmpcatid];}
                                         {if $_tmpcat['pid']!=0}
                                           {eval $_tmpcatid=$_tmpcat['pid'];}
                                           {/if}
                                           
                                           {else}
                                           {eval $_tmpcatid=$catmodel['id'];}
                                           {/if}
                                           
                               <div class="course-filters">
                                   <div class="row filters-wrapper filter-categorys-wrapper no-margin">
                                       <div class="filter-title-wrapper col-sm-4 col-md-2">
                                           <span class="filter-title">
          方向：
        </span>
                                       </div>
                                       <div class="filter-item-wrapper col-md-20">
                                     <a href="{eval echo getcaturl($_tmpcatid,'topic/catlist/#id#');}">
                                
                                      
                                           <span class="filter-item {if $catmodel['pid']==0}active{/if}">
                                               全部
                                           </span>
                                           </a>
                                         
                                         
                        {eval  $catlist=$this->getlistbysql("select id,name,displayorder,grade from ".$this->db->dbprefix."category where iscourse=0 and  grade=2 and pid=$_tmpcatid order by displayorder desc  limit 0,100");}
      
                  <!--{loop $catlist $index $cat}-->
              
                                          <a href="{eval echo getcaturl($cat['id'],'topic/catlist/#id#');}"> 
                                   
                                             <span class="filter-item {if $catid==$cat['id'] || $_parentcatid==$cat['id']}active{/if}">
                                      
           {$cat['name']}

                                           </span></a>
                                       
                                              <!--{/loop}-->            
                                                                                                                              </div>
                                   </div>

                                   <div class="row filters-wrapper filter-categorys-wrapper no-margin">
                                       <div class="filter-title-wrapper col-sm-4 col-md-2">
                                           <span class="filter-title">
          标签：
        </span>
                                       </div>
                                       <div class="filter-item-wrapper col-md-20">
                                       
                                 
                                         <a href="{eval echo getcaturl($catid,'topic/catlist/#id#');}">
                                
                                      
                                           <span class="filter-item {if $catmodel['pid']==0||$catmodel['grade']==2}active{/if}">
                                               全部
                                           </span>
                                           </a>
                                                                                                
                                                                                                    
                                           {if $catmodel['pid']==0}
                                           
                                              {eval $subcatlist=$this->getlistbysql("select id,name,displayorder,grade from ".$this->db->dbprefix."category where  iscourse=0 and isusearticle=1 and grade=3  and id in($cid) order by displayorder desc ");}
       
                                           {else}
                                            {if $catmodel['grade']==3}
                                            {eval $_thirdcid=$catmodel['pid'];}
                                            {/if}
                                              {if $catmodel['grade']==2}
                                            {eval $_thirdcid=$catmodel['id'];}
                                            {/if}
                                            {eval  $subcatlist=$this->getlistbysql("select id,name,displayorder,grade from ".$this->db->dbprefix."category where  iscourse=0 and isusearticle=1 and grade=3  and pid=$_thirdcid order by displayorder desc ");}
       
                                     
                                           
                                           
                                           {/if}
                                                         
    
         <!--{loop $subcatlist $sindex $subcat}-->
     
                                   <a href="{eval echo getcaturl($subcat['id'],'topic/catlist/#id#');}"> 
                                    {if $catid==$subcat['id']}
                                    <span class="filter-item active">
                                    {else}
                                       <span class="filter-item">
{/if}
           {$subcat['name']}

                                           </span></a>
                                          
                                             <!--{/loop}-->
                                             
                                      
                                             
                                                                         
                                                                                                                                     
                                       </div>
                                   </div>

                               </div>
                           </div>
                         <hr>

                       



                     </div>


                 </div>
             </div>
        </div>
    </div>

    <!--刷选部分结束-->
    <div class="course-list-cntr" {if is_mobile()} style="margin:10px;"{/if}>
       <div class="row">
{loop $topiclist $topic}
                    <div class="col-sm-24 col-md-8">
            
          <div class="course-item-box">
<a href="{url topic/getone/$topic['id']}" class="link block" target="_self">
              <div class="course-item">


                    <div class="item-box-top relative">
                        <div class="course-cover relative">
                       
                            <img src="{$topic['image']}" alt="{$topic['title']}" class="cover-image">

                        </div>
                        <div class="status-info">
                            <div class="inner overflow-auto ">
                                <span class="follow-status float-right inline-block text-center">
                                    <i class="fa fa-star-follow fa-star-o">

                                    </i>

                                </span>

                            </div>

                        </div>
                    </div>

                    <div class="item-box-bottom relative">
                         <div class="course-info-wrapper relative">
                             <h6 class="course-name">
                               {$topic['title']}                        </h6>
                             <div class="course-description">
                                 此节主要讲究如何命名模板文件夹，如何规范制作自己的主题模板，不影响官方升级，如何后台切换自己的主题模...                             </div>
                         </div>

                        <div class="course-meta-data">
                            <div class="meta-data-inner">
                                <span class="students-count">
                                   
                                    <span> {$topic['views']}人学习</span>
                                </span>
                                {if $topic['price']==0} 
                                <span class="course-type course-type-tag course-list-tag free">
                免费
                              <i class="fa  fa-play-circle"></i>                                          </span>{/if}
                             {if $topic['price']>0}
                                     <span class="course-type course-type-tag course-list-tag bootcamp">
              付费购买
              <i class="fa  fa-play-circle"></i>                                          </span>
                                  {/if}
              
              
                            </div>

                        </div>

                    </div>
              </div>
</a>
          </div>
         
           </div>
          
            {/loop}
   
      

       </div>
         <div class="pages">
{$departstr}
        </div>
    </div>

</div>
{eval $hidefooter=true;}
<script>
	$("#footer").css("margin-bottom","0");
</script>
<style>
	#to_top {
    display: none;
    position: fixed;
    width: 50px;
    height: 50px;

    background-size: 100% 100%;
	}
</style>
<!--{template footer }-->